/*评论的样式*/
.searchbox a label,
.title_common label,
.view-count label,
.rigth-more label,
.label-art .lableIcon,
.time-art label,
.page_pre span,
.page_next span,
.alert .imgs a span,
.alert .close,
.rankHot .rankIcon,
.code-table span,
.code-table span:hover,
.weixin-tip label,
.phone-tip label,
.filterLeft a.active label,
.pre_spe label,
.next_spe label,
.pre_spe:hover label,
.next_spe:hover label,
.selected .select_down,
.boutique-content p a label,
.mark-icon,
.icon-active,
.loginbox .hr,
.login-way span,
.grade li span,
.score-show li,
.score-show li i,
.sub-left,
.banner a i,
.scoreblack,
.scorelight,
.fixed_box a >label,
.fixed_box a:hover >label,
.r-release label,
.r-attent label,
.submit-pop span,
.wx-pop span,
.score-show2 >span,
.score-show2 >span >i{
	background: url(../images/lite.png);
}
.title_common {
    padding: 18px 0;
    font-size: 14px;
    color: #808080;
}
.title_common label {
    display: inline-block;
    width: 6px;
    height: 12px;
    background-position: -79px 0;
    vertical-align: middle;
    margin: -2px 8px 0 8px;
}
.mark{
	padding: 24px 0;
	background:none;
}
.mark-left{
	border-right: 1px solid #eeeeee;
	width: 270px;
	height: 100px;
	font-size: 56px;
	color: #ffad1f;
	padding: 18px 10px 28px 20px;
	box-sizing: border-box;
}
.mark-left p{
	font-size: 14px;
	color: #505050;
}
.mark-left .many{
	margin-left: 20px;
	
}
.mark-left .num{
	height:50px;line-height:50px;
	
}
.score-detail{
	margin-bottom: 10px;
}

.scoreblack{
	position: relative;
	width: 102px;
	height: 18px;
	background-position: -880px 0;
}
.scorelight{
	position: absolute;
	background-position: -880px -18px;
	height: 18px;
	left: 0;
	top: 0;
	z-index: 99;
}
.scoreblack span,
.scorelight span{
	float: left;
	width: 18px;
	height: 18px;
	margin-right: 3px;
	background-position: -880px 0;
}
.scorelight span{
	background-position: -898px 0;
}
.mark-right{
	width: 370px;
	padding: 0 30px;
	box-sizing: border-box;
}
.mark-right label,
.mark-right span{
	display: inline-block;
}
.mark-right>div{
	margin-bottom: 2px;
}
.mark-right label{
	font-size: 12px;
	color: #aaaaaa;
	margin-right: 18px;
}
.mark-right span{
	font-size: 14px;
	color: #505050;
	margin-left: 18px;
}
.mark-right .bar{
	position: relative;
}
.mark-right .bar,
.mark-right .bar-active{
	width: 168px;
	height: 8px;
	background: #eeeeee;
	display: inline-block;
	border-radius: 30px;
}
.mark-right .bar-active{
	background: #0db252;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 99;
}

.score-box p{
	margin: 10px 20px 10px 0px;
	
	
}
.score-box .btn{

}
.score-box .btn:hover{
	background: #0db252;
	border: none;
	color: #FFFFFF;
}
.grade{
	
	margin-top: 3px;
}
.grade li{
	float: left;
	width:31px ;
	height: 31px;
	margin-right: 14px;
	list-style: none;
}
.grade li span{
	float: left;
	width:31px ;
	height: 31px;
	background-position: -913px -36px;
	cursor: pointer;
}
.grade li span.active{
	background-position: -882px -36px;
}
.grade li span.active2{
	background-position: -882px -36px;
}

.banner{
	position: relative;
	height: 350px;
	overflow: hidden;
}
.banner .containers{
	position: relative;
	z-index: -1;
}
.banner p{
	float: left;
	width: 100%;
	height: 350px;
	overflow: hidden;
	position: relative;
	transition: 2s all ease;
}
.banner .b-pre i,
.banner .b-next i{
	width: 18px;
	height: 34px;
	background-position: -161px 0;
	display: inline-block;
	vertical-align: middle;
}
.banner .b-pre,
.banner .b-next{
	width: 64px;
	height: 64px;
	background: rgba(0,0,0,0);
	line-height: 64px;
	display: block;
	position: absolute;
	z-index: 998;
	top: 50%;
	margin-top: -32px;
	text-align: center;
}
.banner .b-next i{
	background-position: -179px -34px;
}
.banner .b-pre{
	left: 19%;
	transform: translate(-50%);
	-webkit-transform: translate(-50%);
	-moz-transform: translate(-50%);
	-ms-transform: translate(-50%);

}
.banner .b-next{
	right: 15%;
	transform: translate(-50%);
	-webkit-transform: translate(-50%);
	-moz-transform: translate(-50%);
	-ms-transform: translate(-50%);

}
.banner .containers{
	position: absolute;
	left: 50%;
	z-index: 99;
	margin-left: -540px;
	top: 0;
}
.banner  .b-pre:hover,
.banner .b-next:hover{
	background: rgba(0,0,0,.3);
}
.banner  .b-pre:hover i{
	background-position: -161px -34px;
}
.banner  .b-next:hover i{
	background-position: -197px -34px;
}
.banner .dot{
	position: absolute;
	width: 400px;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	bottom: 22px;
	z-index: 998;
	text-align: center;
}
.dot span{
	display: inline-block;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #F4F4F4;
	margin: 0 6px;
	background: #dddddd;
}
.dot span.active{
	background: #0db252;
}
.banner{
	margin-bottom: 24px;
}
.banner2{
	height: 250px;
	overflow: hidden;
	position: relative;
}
.special-content{
	box-shadow: 0px 0px 4px #d4d3d3;
	padding: 22px 30px;
	box-sizing: border-box;
	position: relative;
	height: 140px;
	overflow: hidden;
	background: #FFFFFF;
	margin-bottom: 24px;
}
.pre_spe,
.next_spe{
	display: block;
	width: 36px;
	height: 96px;
	position: absolute;
	top: 22px;
	z-index: 99;
	text-align: center;
	line-height: 96px;
	background: #FFFFFF;
}
.pre_spe:active,
.next_spe:active{
	opacity: 1;
}
.pre_spe label,
.next_spe label{
	display: inline-block;
	width: 12px;
	height: 22px;
	vertical-align: middle;
	cursor: pointer;
}
.pre_spe label{
	background-position: -408px -47px;
}
.next_spe label{
	background-position: -420px -47px;
}
.pre_spe:hover label{
	background-position: -445px -46px;
}
.next_spe:hover label{
	background-position: -432px -46px;
}
.pre_spe{
	left: 0px;
}
.next_spe{
	right: 0px;
}

.scroll >a{
	float: left;
	width: 192px;
	height: 92px;
	overflow: hidden;
	border-radius: 4px;
	margin: 0 6px;
}

.hotCount{
	width: 500px;
	font-size: 82px;
	color: #fcff00;
	font-weight: bold;
	position: absolute;
	z-index: 998;
	left: 50%;
	top: 113px;
	line-height: 74px;
	transform: translateX(-19%);
	-webkit-transform: translateX(-19%);
	-moz-transform: translateX(-19%);
	-ms-transform: translateX(-19%);
}
.hotCount span{
    font-size: 42px;
    margin-top: -10px;
    vertical-align: middle;
    margin-left: 6px;
}
.banner img,
.banner2 img{
	height: 100%;
	position: absolute;
	left: 50%;
	top: 0;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	z-index: 997;
}

.rigth-more{
	font-size: 14px;
	color: #aaaaaa;
	margin-top: 4px;
}
.rigth-more:hover{
	color: #0db252;
}
.rigth-more:hover label{
	background-position: -40px 0;
}
.rigth-more label{
	display: inline-block;
	width: 16px;
	height: 16px;
	background-position: -20px 0;
	vertical-align: middle;
	margin-left: 6px;
	margin-top: -2px;
}
.title-common{
	padding-bottom: 24px;
	}
.title-common h2{
	font-size: 21px;
	color: #0db252;
	font-weight: bold;
}
.title-common h2 label {
	display: inline-block;
	width: 3px;
	height: 21px;
	background: #0db252;
	vertical-align: middle;
	margin-right: 8px;
	margin-top: -5px;
}
.showbox{
	box-sizing: border-box;
}
 .lookmore {
	clear: both;
}
 .lookmore a{
	display: block;
	height: 50px;
	line-height: 50px;
	border: 1px solid #f4f4f4;
	text-align: center;
}
.lookmore a:hover{
	color: #22bb62;
}

.show-content >.list{
	width: 370px;
	height: 190px;
	padding: 22px 18px;
	box-sizing: border-box;
	position: relative;
	box-shadow: 0px 0px 4px #d4d3d3;
	float: left;
	margin-right: 15px;
	margin-bottom: 26px;
}
.show-content >.list:hover{
	box-shadow: 0 0 16px #ababab;
}
.show-content >.list:hover h3{
	color: #0db252;
}

.show-content >a:nth-child(3n){
	margin-right: 0;
}
.list-bottom >label{
	display: block;
	font-size: 12px;
	color: #808080;
	height: 26px;
	line-height: 26px;
	padding: 0 10px;
	background: #f4f4f4;
	border-radius: 4px;
	float: left;
	margin-right: 12px;
}
.list-bottom >p{
	float: right;
	margin-top: 5px;
}
.list-bottom{
	clear: both;
}
.show-content .list .qrcode,
.rankHot .qrcode,
.code-table .qrcode{
	width: 160px;
	overflow: hidden;
	background: #FFFFFF;
	box-shadow: 0 0 4px #d6d6d6;
	text-align: center;
	font-size: 14px;
	color: #303030;
	position: absolute;
	right: 19px;
	top: 54px;
	z-index: 99;
	display: none;
	padding-bottom: 10px;
}
.qrcode img{
	width: 132px;
	margin-top: 15px;
	margin-bottom: 6px;
}
.show-content >div >a img{
	width: 146px;
	height: 146px;
}
.imgLeft {
	width: 68px;
	float: left;
}
.imgLeft span{
	display: inline-block;
	width: 68px;
	height: 68px;
	overflow: hidden;
	border-radius: 4px;
}
.imgLeft span IMG{width: 68px;
	height: 68px;}
.dataRight{
	    width: 70%;
	float: left;
	margin-left: 12px;
	margin-bottom: 27px;
}
.dataRight .title h3{
	font-size: 16px;
	color: #303030;
	float: left;
	width: 168px;
	margin-bottom: 2px;
}
.dataRight .title span{
	float: right;
	width: 48px;
	height: 22px;
	line-height: 22px;
	font-size: 12px;
	color: #404040;
	border: 1px solid #f4f4f4;
	text-align: center;
	border-radius: 5px;
}
.score-show2 >span{
	display: inline-block;
	width: 72px;
	height: 12px;
	vertical-align: middle;
	background-position: -491px -43px;
}
.score-show2 >span >i{
	display: block;
	height: 12px;
	background-position: -491px -55px;
}
.score-show ul{
	display: inline-block;
	vertical-align: middle;
}
.score-show li,
.score-show li i{
	float: left;
	width: 12px;
	height: 12px;
	background-position: -832px -55px;
}
.score-show li.active i{
	background-position: -820px -55px;
}
.score-show li.active-half i{
	background-position: -844px -55px;
}
.score-show li{
	margin-right: 2px;
}
.score-show p,
.score-show2 p{
	color: #aaaaaa;
	font-size: 12px;
	display: inline-block;
	vertical-align: middle;
	margin-left: 6px;
}
.dataRight .introduce{
	color: #808080;
	font-size: 14px;
	margin-top: 5px;
	display: -webkit-box;
  display: -moz-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-box-orient: vertical;
  -webkit-line-clamp:2;
  height: 40px;
}
.detailLeft .data {
	padding: 20px 20px;
	border-bottom: 1px solid #f4f4f4;
overflow: hidden;
}
p {
    margin: 0px;
    padding: 0px;
}
.detailLeft .data .img{
	width: 100px;
	height: 100px;
	border-radius: 6px;
	overflow: hidden;
	float: left;
	box-shadow: 0 0 4px #e4e4e4;
}
.detailLeft .data .img img{
    width: 100px;
    height: 100px;

}
.detailLeft .data .dataList{
	
	margin-left: 30px;
}
.dataList h2{
	font-size: 18px;
	color: #303030;
}
.dataList p{
	font-size: 14px;
	color: #808080;
	margin-top: 16px;
}
.dataList .score-show p,
.dataList .score-show2 p{
	margin-top: 0;
	font-size: 12px;
	color: #AAAAAA;
}
.dataList .score-show,
.dataList .score-show2{
	
}
.score-box {
    border-top: 1px dashed #dcdcdc;
    width: 568px;
    margin: 0 auto;
    padding-top: 20px;
    color: #808080;
}
.dataList p label{
	display: inline-block;
	font-size: 12px;
	color: #505050;
	background: #F4F4F4;
	padding: 6px 10px;
	border-radius: 4px;
	margin-right: 8px;
}
.dataList p span{
	display: inline-block;
	margin-right: 14px;
}

.detaltext{
	padding:0 20px 36px 20px;
}
.contents .detaltext{
	padding:0 0 36px 0;
}
.detaltext h3,
.comment-common h3{
	font-size: 16px;
	color: #303030;
	margin-top: 24px;
}
.lite-text div p{
	line-height: 26px;
	margin-top: 0 ;
}

.lite-text>div{
	margin-right: 20px;
	margin-top: 20px;
}
.lite-code{
	margin-top: 18px;
	width: 308px;
	border-radius: 4px;
	text-align: center;
}
.lite-code p{
	margin-top: 6px !important;
}
.lite-code img{
	margin-top: 8px;
	width: 130px;
}
.detaiRitht h3{
	font-size: 18px;
	color: #0db252;
	font-weight: bold;
}

.detaltext h3 label,
.comment-common h3 label,
.detaiRitht h3 label{
	display: inline-block;
	width: 3px;
	height: 16px;
	background: #0db252;
	vertical-align: middle;
	margin: -2px 8px 0 0;
}
.detaltext >p{
	font-size: 14px;
	color: #505050;
	margin-top: 20px;
}

.litetip:after{
	content: '';
    width: 0;
    height: 0;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-top: 9px solid #0db252;
    position: absolute;
    bottom: -9px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}

.imgsroll{
/*	height: 298px;*/
	width: 100%;
}
.imgbox{
	margin-top: 24px;
	padding-bottom: 10px;
}
.overflow-x{
	overflow-x: scroll;
}
.imgbox li{
	width: 141px;
	height: 250px;
	float: left;
	margin-right: 8px;
	overflow: hidden;
	cursor: pointer;
}
.imgbox li img{
	width: 100%;
}
.imgbox li:last-of-type{
	margin-right: 0;
}
.detailbox{
	margin-bottom: 40px;
}

.hotbox .content >a{
	width:250px ;
	height: 268px;
	float: left;
	overflow: hidden;
	box-shadow: 0px 0px 4px #d4d3d3;
	margin-right: 26px;
	margin-bottom: 24px;
}
.hotbox .content >a:nth-child(4n){
	margin-right: 0;
	width:252px
}
.hotbox .img-hot{
	height: 172px;
	overflow: hidden;
}
.data-hot{
	padding: 14px 12px 6px 12px;
	box-sizing: border-box;
}
.hotbox .content >a:hover h3{
	color: #0db252;
}
.data-hot h3{
	font-size: 14px;
	color: #303030;
	line-height: 22px;
	display: -webkit-box;
    display: -moz-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    height: 44px;
    margin-bottom: 12px;
}
.foot-hot>label{
	font-size: 12px;
	color: #808080;
	float: left;
	margin-right: 12px;
}
.scale{
	animation: scale .25s both;
	-webkit-animation: scale .25s both;
	-moz-animation: scale .25s both;
	-ms-animation: scale .25s both;

}
@keyframes scale{
	from{transform: translateZ(0) scale(1,1);}
	to{transform: translateZ(0) scale(1.1,1.1);}
}
@-webkit-keyframes scale{
	from{transform: translateZ(0) scale(1,1);}
	to{transform: translateZ(0) scale(1.1,1.1);}
}
@-moz-keyframes scale{
	from{transform: translateZ(0) scale(1,1);}
	to{transform: translateZ(0) scale(1.1,1.1);}
}
@-ms-keyframes scale{
	from{transform: translateZ(0) scale(1,1);}
	to{transform: translateZ(0) scale(1.1,1.1);}
}
.scale_return{
	animation: scale_return .25s both;
	-webkit-animation: scale_return .25s both;
	-moz-animation: scale_return .25s both;
	-ms-animation: scale_return .25s both;

}
@keyframes scale_return{
	from{transform: translateZ(0) scale(1.1,1.1);}
	to{transform: translateZ(0) scale(1,1);}
}
@-webkit-keyframes scale_return{
	from{transform: translateZ(0) scale(1.1,1.1);}
	to{transform: translateZ(0) scale(1,1);}
}
@-moz-keyframes scale_return{
	from{transform: translateZ(0) scale(1.1,1.1);}
	to{transform: translateZ(0) scale(1,1);}
}
@-ms-keyframes scale_return{
	from{transform: translateZ(0) scale(1.1,1.1);}
	to{transform: translateZ(0) scale(1,1);}
}
.sort-top{
	box-shadow: 0px 0px 4px #d4d3d3;
	margin-bottom: 28px;
}
.keysbox{
	background: #FFFFFF;
	font-size: 16px;
	color: #303030;
	padding: 0 24px;
}
.keys a{
	float: left;
	height: 30px;
	line-height: 30px;
	box-sizing: border-box;
	margin: 2px 24px 2px 0;
}
.keysbox .keys{
	padding: 10px 0;
}
.keysbox .type a{
	font-size: 14px;
	color: #505050;
	margin-right: 20px;
}
.keysbox .type a.active{
	    color: #fff;
    background: #0db252;
    padding: 2px 4px;
}
.keysbox .type{
	height: 40px;
	line-height: 40px;
	border-top: 1px solid #E5E5E5;
}
.keys a.active{
	color: #0db252;
	border-bottom: 2px solid #0db252;
}
/*.show-content.paddingTop{
	padding-top: 28px;
}*/


/*文章页*/
/*.articlebox{
	margin-top: 20px;
}*/
.articlebox.detail-art{
	margin-top: 0;
}
.artcleLeft {
	float: left;
	width: 782px;
	box-shadow: 0px 0px 4px #d4d3d3;
	box-sizing: border-box;
	padding: 0 15px;
}
.artcleLeft >div:last-of-type{
	border-bottom: none;
}

.img-article{
	width: 160px;
	height: 110px;
	overflow: hidden;
	float: left;
}
.data-art{
	width: 566px;
	float: left;
	margin-left: 25px;
}
.data-art h3,
.data-art >p{
	font-size: 18px;
	color: #303030;
	display: -webkit-box;
    display: -moz-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 23px;
    height: 46px;
}
.data-art >p{
	font-size: 14px;
	color: #909090;
	line-height: 20px;
	height: 40px;
	margin-top: 6px;
}
.data-art h3:hover{
	color: #0db252;
}
.list-art{
	border-bottom: 1px solid #f4f4f4;
	padding: 24px 0;
}
.label-art{
	margin-top: 16px;
}
.label-art span{
	font-size: 14px;
	color: #909090;
	display: inline-block;
	margin: 0 4px;
}
.label-art .lableIcon{
	display: inline-block;
	width: 13px;
	height: 13px;
	background-position: -18px -20px;
}
.else-art{
	margin-top: 12px;
}
.else-art.media{
	margin-top: 3px;
}
.else-art p{
	margin-right: 30px;
}
.time-art{
	color: #909090;
	font-size: 14px;
}
.time-art label{
	display: inline-block;
	width: 12px;
	height: 12px;
	background-position: -32px -20px;
	margin-right: 9px;
}

.articleRight h2,
.relative h2{
	font-weight: bold;
	font-size: 18px;
	color: #0db252;
	margin-top: 14px;
}
.articleRight h2{
	margin-top: 0;
}
.articleRight h2 label,
.relative h2 label{
	display: inline-block;
	width: 3px;
	height: 21px;
	background: #0db252;
	vertical-align: middle;
	margin-right: 8px;
	margin-top: -3px;
}
.articleRight{
	float: right;
	width:250px;
	box-sizing: border-box;
}

.right-content,
.right-content2{
	box-shadow: 0px 0px 4px #d4d3d3;
	
	padding: 22px 0 4px 0;
}
.img-top{
	width: 90px;
	height: 60px;
	overflow: hidden;
	float: left;
}
.art-top,
.lite-new{
	padding: 11px 0;
}
.switch-right{
	box-shadow: 0px 0px 4px #d4d3d3;
}
.switch-tops{
	background: #f8f8f8;
}
.switch-tops a{
	float: left;
	width: 33.33%;
	border-bottom: 1px solid #f0f0f0;
	height: 46px;
	line-height: 46px;
	text-align: center;
	background: #f8f8f8;
	box-sizing: border-box;
}
.switch-tops a:last-of-type{
	border-right: none !important;
}
.switch-tops a span{
	display: inline-block;
	width: 100%;
	height: 24px;
	line-height: 24px;
	vertical-align: middle;
}
.switch-tops a span.active{
	border-left: 1px solid #e5e5e5;
}

.switch-tops a.active{
	background: #FFFFFF;
	border-bottom: none;
	border-left: 1px solid #f0f0f0;
	border-right: 1px solid #f0f0f0;
}
.switch-right .content{
	position: relative;
	width: 100%;
	height: 112px;
	display: none;
	color: #808080;
}
.r-release a:hover p,
.r-attent a:hover p,
.r-release >span:hover p,
.r-attent >span:hover p{
	color: #303030;
}
.r-release a,
.r-attent a,
.r-release >span,
.r-attent >span{
	cursor: pointer;
	float: left;
	width: 50%;
	box-sizing: border-box;
	text-align: center;
	padding-top: 10px;
	height: 72px;
	border-right: 1px solid #e5e5e5;
	margin-top: 20px;
	position: relative;
}
.r-release >span,
.r-attent a{
	border: none;
}
.r-attent label,
.r-release label{
	display: inline-block;
	margin-bottom: 8px;
}
.r-release label.ar{
	width: 17px;
	height: 20px;
	background-position: -215px -20px;
}
.r-release label.rse{
	width: 20px;
	height: 20px;
	background-position: -215px 0;
}
.r-attent label.wx{
	width: 25px;
	height: 20px;
	background-position:-389px -26px ;
}
.r-attent label.wb{
	width: 25px;
	height: 20px;
	background-position:-415px 0 ;
}
.r-code img{
	width: 81px;
	margin: 15px 16px 0 48px;
}
.submit-pop{
	text-align: center;
}
.submit-pop,
.wx-pop{
	width: 220px;
	height: 90px;
	border-radius: 6px;
	border: 1px solid #e5e5e5;
	background: #FFFFFF;
	position: absolute;
	padding: 16px 0;
	box-sizing: border-box;
	right: 0;
	top: 124px;
	z-index: 996;
	display: none;
}
.wx-pop{
	text-align: center;
	width: 200px;
	height: auto;
	right: initial;
	left: 0;
	padding: 15px 33px 10px 33px;
	font-size: 12px;
}
.wx-pop img{
	width: 100%;
	margin-bottom: 12px;
}
.submit-pop:after,
.wx-pop:after{
	content: '';
    width: 0;
    height: 0;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    border-bottom: 8px solid #d4d3d3;
    position: absolute;
	right: 37px;
	top: -9px;
	z-index: 99;
}
.wx-pop:after{
	right: inherit;
	left: 37px;
}
.submit-pop:before,
.wx-pop:before{
	content: '';
    width: 0;
    height: 0;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    border-bottom: 8px solid #ffffff;
    position: absolute;
	right: 37px;
	top: -8px;
	z-index: 100;
}
.wx-pop:before{
	right: inherit;
	left: 37px;
}
.submit-pop span,
.wx-pop span{
	display: inline-block;
	width: 8px;
	height: 8px;
	background-position: -215px -40px;
	position: absolute;
	right: 10px;
	top: 10px;
	z-index: 99;
}
.submit-pop p{
	line-height: 30px;
	font-size: 16px;
	color: #505050;
}
.r-code div{
	text-align: center;
	margin-top: 34px;
}
.r-code div span{
	color: #808080;
	font-size: 12px;
}

.lite-new p{
	color: #808080;
	font-size: 14px;
	margin-left: 15px;
	margin-top: 6px;
	float: left;
}

.art-top >a:hover h3{
	color: #0db252;
}
.lite-new >a,
.art-top >a{
	padding: 12px 10px;
	display: block;
}
.lite-new >a:hover{
	background: #F9F9F9;
}
.data-top{
	float: left;
	width: 158px;
	margin-left: 12px;
}
.data-top h3{
	font-size: 14px;
	color: #303030;
	display: -webkit-box;
    display: -moz-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 20px;
    height: 40px;
}
.data-top .time-art{
	margin-top: 4px;
}
.img-new{
	width: 25px;
	height: 25px;
	overflow: hidden;
	border-radius: 4px;
	float: left;
}
.img-new img{
width: 25px;
	height: 25px;
	overflow: hidden;
	border-radius: 4px;
	float: left;
}
.data-new{
	width: 160px;
	font-size: 14px;
	float: left;
	margin-left: 10px;
}
.artcleLeft.detail h1{
	font-size: 21px;
	color: #303030;
	font-weight: bold;
}
.artcleLeft.detail{
	padding: 0;
}
.artcleLeft.detail >.contents{
	padding: 30px 40px 0 40px;
}
.artcleLeft .data-detail{
	color: #909090;
	font-size: 14px;
	margin-top: 20px;
	border-bottom: 1px solid #f4f4f4;
	padding-bottom: 18px;
}
.artcleLeft .data-detail p{
	margin-top: 0;
	margin-right: 26px;
}
.content-art{
	overflow: hidden;
	font-size: 16px;
	color: #404040;
	line-height: 26px;
	padding: 25px 0;
}
.content-art ul, .content-art ol {
	padding: 10px 20px;
}
.content-art img{
	max-width: 100%;
	margin: 12px 0;
}


/*分享插件样式修改begin*/
.jiashare{
	position: fixed;
	left: 166px;
	top: 136px;
	z-index: 1000;
	width:50px;
	background: #FFFFFF;
	box-shadow: 0px 0px 4px #d4d3d3;
}
.jiashare a{
	display: block;
	width: 50px;
	height: 50px;
}
.jiashare a:hover{
	background: #f8f8f8;
}
.jiashare a span{
	display: inline-block;
}
.jiathis_style_32x32.jiashare  .jtico{
	background-image: url(../images/lite.png) !important;
	padding-left: 0 !important;
}
.jiathis_style_32x32.jiashare .jtico_qzone{
	width: 25px;
	height: 25px !important;
	background-position: -389px 0 ;
	margin: 12px 0 0 11px;
}

.jiathis_style_32x32.jiathis_style_32x32 .jtico_cqq{
	width: 22px;
	height: 23px !important;
	background-position: -363px -26px;
	margin: 13px 0 0 14px;
}

.jiathis_style_32x32.jiathis_style_32x32 .jtico_tsina{
	width: 25px;
	height: 19px !important;
	background-position: -415px -0px;
	margin: 16px 0 0 13px;
}

.jiathis_style_32x32.jiathis_style_32x32 .jtico_weixin{
	width: 25px;
	height: 20px !important;
	background-position: -389px -26px;
	margin: 16px 0 0 13px;
}

.jiathis_style_32x32.jiathis_style_32x32 .jtico_douban{
	width: 21px;
	height: 20px !important;
	background-position: -414px -26px;
	margin: 15px 0 0 14px;
}

.jiathis_style_32x32.jiathis_style_32x32 .jtico_copy{
	width: 20px;
	height: 20px !important;
	background-position: -440px -0px;
	margin: 15px 0 0 14px;
}
.alert{
	width: 100%;
	background: rgba(0,0,0,.9);
	position: fixed;
	left: 0;
	top: 0;
	bottom: 0;
	z-index: 999;
	display: none;
}
/*.alert{
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#BF000000,endColorstr=#BF000000);
}*/
.alert .imgs{
	position: absolute;
	top: 50%;
	left: 50%;
	/*transform: translate(-50%,-50%);*/
	z-index: 999999;
}
.alert .imgs img{
	width: 100%;
}
.opacityStyle{
	animation: opacitys 1s linear;
	-webkit-animation: opacitys 1s linear;
	-moz-animation: opacitys 1s linear;
	-ms-animation: opacitys 1s linear;

}
@keyframes opacitys{
	0%{opacity: 0;}
	100%{opacity:1}
}
@-webkit-keyframes opacitys{
	0%{opacity: 0;}
	100%{opacity:1}
}
@-moz-keyframes opacitys{
	0%{opacity: 0;}
	100%{opacity:1}
}
@-ms-keyframes opacitys{
	0%{opacity: 0;}
	100%{opacity:1}
}
.alert .imgs a{
	display: block;
	position: absolute;
	width: 50px;
	height: 50px;
    background: rgba(255,255,255,.8);
	z-index: 9999;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	text-align: center;
	line-height: 50px;
}
.alert .imgs a{
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#19ffffff,endColorstr=#19ffffff)
}

.alert .imgs a:hover{
	background: #FFFFFF;
}
.alert .imgs a span{
	width: 12px;
	height: 23px;
	display: inline-block;
	vertical-align: middle;
	margin-top: -2px;
}
.alert .imgs .pre{
	left: -84px;
}
.alert .imgs .pre span{
	background-position: -435px -20px;
}
.alert .imgs .next span{
	background-position: -461px 0;
}
.alert .imgs .pre:hover span{
	background-position: -447px -21px;
}
.alert .imgs .next:hover span{
	background-position: -473px 0;
}
.alert .imgs .next{
	right: -84px;
}
.alert .imgs p{
	font-size: 16px;
	color: #FFFFFF;
	position: absolute;
	bottom: -30px;
	left: 0;
}
.alert .close{
	cursor: pointer;
	width: 30px;
	height: 30px;
	background-position: -459px -23px;
	position: absolute;
	right: -54px;
	top: 0;
	z-index: 999;
}

/*排行榜*/
.rankList .menu a{
	font-size: 24px;
	color: #303030;
	display: inline-block;
	padding: 0 26px;
	border-right:2px solid #bbbbbb ;
}
.rankList .menu a:last-of-type{
	border-right: none;
}
.rankList .menu a.active{
	color: #0db252;
	font-weight: bold;
}
.rankList .menu{
	padding-bottom: 26px;
}
.rankHot >a{
	float: left;
	width: 340px;
	box-shadow: 0px 0px 4px #d4d3d3;
	padding: 30px 18px 14px 18px;
	box-sizing: border-box;
	margin-right: 29px;
	position: relative;
}
.rankHot >a:last-of-type{
	margin-right: 0;
}
.rankHot >a:hover h2{
	color: #0db252;
}
.rankHot >a:hover{
    box-shadow: 0 0 16px #ababab;
}
.rankHot .order{
	color: #e30000;
	font-size: 18px;
	float: left;
	width: 18px;
	text-align: center;
	line-height: 24px;
	margin-top: 22px;
}
.img-rank{
	width: 68px;
	height: 68px;
	overflow: hidden;
	border-radius: 50%;
	float: left;
	margin-left: 15px;
}
.data-rank{
	width: 190px;
	margin-left:12px ;
	font-size: 14px;
	color: #808080;
	float: left;
}
.data-rank h2{
	color: #303030;
	font-size: 18px;
}
.data-rank>p{
	margin: 4px 0;
}
.data-rank .try{
	width: 48px;
	height: 22px;
	color: #404040;
	font-size: 12px;
	line-height: 22px;
	text-align: center;
	border: 1px solid #f4f4f4;
	border-radius: 4px;
	margin-top: 8px;
}
.rankHot .rankIcon{
	display: inline-block;
	width: 68px;
	height: 68px;
	background-position: -616px 0;
	position: absolute;
	right: 3px;
	top: 3px;
	z-index: 99;
}
.rankHot .rankIcon.second{
	background-position: -684px 0;
}
.rankHot .rankIcon.third{
	background-position: -752px 0;
}
.rankHot a .qrcode{
	top: 120px;
}
.rankTable{
	width: 100%;
	border: none;
	box-shadow: 0px -1px 3px #e2e1e1;
	margin-top: 16px;
}
.rankTable th{
	font-size: 18px;
	color: #303030;
	font-weight: normal;
	line-height: 24px;
	margin-top: 20px;
	width: 16.667%;

}
.rankTable th label{
	width: 2px;
	height: 24px;
	background: #303030;
	display: inline-block;
	float: left;
}
.rankTable tr {
	height: 80px;
}
.rankList .more a{
	display: block;
	width: 100%;
	color: #808080;
	font-size: 14px;
	height: 54px ;
	text-align: center;
	line-height: 54px;
	box-shadow: 0px 1px 3px #e2e1e1;
}
.rankList .more a:hover{
	color: #0db252;
}
.rankTable tbody tr:nth-child(2n-1){
	background: #f9f9f9;
}
.rankTable td{
	text-align: center;
	font-size: 18px;
	color: #303030;
}
.img-table{
	display: inline-block;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	overflow: hidden;
}
.name-table:hover{
	color: #0db252;
}
.code-table{
	position: relative;
	width: 28px;
	display: inline-block;
}
.code-table span{
	display: inline-block;
	width:28px;
	height: 28px;
	background-position: -820px -28px;
}
.code-table span:hover{
	background-position: -820px 0;
}
.code-table .qrcode{
	top: 42px;
	right: 0;
}
.releasebox{
	box-shadow: 0px 0px 4px #d4d3d3;
}
.releasebox .title{
	height: 68px;
	line-height: 68px;
	font-size: 21px;
	font-weight: bold;
	text-align: center;
	border-bottom: 1px solid #f4f4f4;
}
.release-content{
	padding: 0 140px;
}
.release-content h2{
	font-size: 16px;
	color: #303030;
	margin-top: 30px;
	margin-bottom: 18px;
}
.release-content h2.special{
	margin-top: 24px;
}

.release-content input[type='text']{
	height: 34px;
	border: 1px solid #E5E5E5;
	box-sizing: border-box;
}
.test input{
	width: 180px;
	float: left;
}
.testimg{
	width: 100px;
	height: 32px;
	border: 1px solid #E5E5E5;
	float: left;
	margin-left: 18px;
}
.testimg img{
	width: 100%;
	height: 100%;
}
.release-content .am-g{
	width: 100%;
}
.release-content input{
	padding: 0 10px;
	font-size: 14px;
}
.release-save p{
	color: #BBBBBB;
	font-size: 14px;
	margin-top: 38px;
}
.release-content h2 span{
	font-size: 12px;
	color: #bbbbbb;
	margin-left: 20px;
}
.release-content textarea{
	height: 118px;
	padding: 10px;
	border: 1px solid #f4f4f4;
	font-size: 16px;
	box-sizing: border-box;
}

.release-save {
	font-size: 14px;
	padding: 15px 0 58px 0;
}
.release-save a{
	width: 150px;
	height: 40px;
	background: #0db252;
	color: #FFFFFF;
	font-size: 16px;
	line-height: 40px;
	display: inline-block;
	margin: 0 10px;
}
.release-save a.cancel{
	border: 1px solid #f4f4f4;
	box-sizing: border-box;
	background: #FFFFFF;
	color: #303030;
}
.release-save div{
	margin-top: 28px;
}

/*防select下拉*/
.selected{
	float: left;
	margin-right: 10px;
	width: 180px;
	height: 34px;
	line-height: 34px;
	color: #ababab;
	font-size: 14px;
	border: 1px solid #e9e9e9;
	box-sizing: border-box;
	background: #FFFFFF;
	padding: 0 8px 0 12px;
	position: relative;
}
.selected .select_down{
	display: inline-block;
	width: 12px;
	height: 9px;
	background-position: -352px -52px;
	vertical-align: middle;
	margin-top: -4px;
}
.selected .text{
	display: inline-block;
	width: 141px;
}
.select_pop{
	position: absolute;
	left: -1px;
	top: 32px;
	z-index: 999;
	background: #FFFFFF;
	width: 100%;
	border: 1px solid #e9e9e9;
	max-height: 294px;
	overflow-y: auto;
	overflow-x: hidden;
	padding-bottom: 10px;
	display: none;
}
.select_pop li.select{
	background: #c4c4c4;
	color: #FFFFFF;
}
.select_pop li:first-of-type:hover{
	background: #c4c4c4;
	color: #FFFFFF;
}
.select_pop li{
	height: 32px;
	line-height: 32px;
	padding:0 6px 0 12px;
	width: 100%;
}
.select_pop li:hover{
	background: #f2f2f2;
}
/*防select下拉end*/
.file-btn3,
.upload2 .file-img{
	float: left;
	width: 150px;
	height: 266px;
	overflow: hidden;
	margin-right: 12px;
}
.upload2 .file-btn3{
	margin-right: 0;
	position: relative;
}
/*.file-btn3{
	background: url(../images/file2.png);
	background-size: 100%;
}*/
.file-btn3 input,
.file-btn input{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
    height: 100%;
    border: none;
    margin: 0;
    opacity: 0;
    cursor: pointer;
}
.upload2 {
	padding-bottom: 34px;
	border-bottom: 1px solid #E5E5E5;
}
.file-btn{
	display: block;
	position: relative;
	margin-right: 120px;
	width: 120px;
	height: 120px;
	overflow: hidden;
}
.files{
	margin-right: 120px;
	width: 120px;
	text-align: center;
}
.files p{
	color: #808080;
	font-size: 15px;
	margin-top: 10px;
}
.files4 >span:nth-child(5){
	margin-right: 0;
}
.lite_name,
.lite_content{
	position: relative;
}
.lite_name span,
.lite_content span{
	color: #bbbbbb;
	font-size: 14px;
	position: absolute;
	right: 10px;
	top: 47px;
}
.lite_content span{
	top: 130px;
}
.file-img {
	position: relative;
}

.file-img .delete{
	height: 34px;
	background: rgba(65,190,87,.8);
	font-size: 14px;
	color: #FFFFFF;
	line-height: 34px;
	display: block;
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
	z-index: 99;
	text-align: center;
	display: none;
	cursor: pointer;
}
.file-img:hover .delete{
	display: block;
}
.loading_icon,
 .file-img .loading_icon{
 	display: block;
    width: 30px;
    height: 30px;
    background:url(../images/loading.gif) no-repeat;
    background-size: 30px 30px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -15px;
    margin-top: -15px;
    z-index: 999;
}

.filterLeft a{
	float: left;
	width: 80px;
	height: 30px;
	border: 1px solid #E5E5E5;
	line-height: 30px;
	font-size: 16px;
	text-align: center;
	margin-right: 12px;
	position: relative;
}
.filterLeft a label{
	width: 14px;
	height: 14px;
	display: block;
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 99;
}
.filterLeft a.active label{
	background-position: -337px -52px;
}
.filterLeft a.active{
	border: 1px solid #0db252;
	color: #0db252;
}
.filterbox{
	padding: 10px 25px;
	background: #f8f8f8;
}
.filterRight a{
	font-size: 16px;
	float: left;
}
.filterRight a.active{
	color: #0db252;
}
.filterRight{
	margin-top: 5px;
}
.filterRight label{
	float: left;
	width: 2px;
	height: 20px;
	background: #787878;
	margin:  3px 20px 0 20px;
}
.artOthers{
	margin: 10px 0px 30px 0;
}
.artOthers a{
	float: left;
	font-size: 16px;
	width: 50%;
	border-right: 1px solid #f4f4f4;
	box-sizing: border-box;
	padding-right: 16px;
}
.artOthers a:hover span{
	color: #0db252;
}
.artOthers a:last-of-type{
	border-right: none;
	padding-right: 0;
	padding-left: 16px;
}
.artOthers span{
	display: block
}


/*专题列表*/
.subject{
	width: 250px;
	height: 414px;
	box-shadow: 0px 0px 4px #d4d3d3;
	float: left;
	margin-right: 26px;
	margin-bottom: 26px;
}
.subject:hover{
	box-shadow: 0 0 16px #ababab;
}
.subjectbox>div:nth-child(4n){
	margin-right: 0;
	width: 252px;
}
.sub-img{
	height: 120px;
	overflow: hidden;
	display: block;
}
.subject .data-new{
	width: 164px;
}
.subject-tip{
	font-size: 14px;
	height: 40px;
	line-height: 40px;
	border-bottom: 1px solid #E5E5E5;
	padding: 0 14px;
}
.subject .lite-new{
	padding: 0;
}
.subject .lite-new >a{
	border-bottom: 1px solid #F4F4F4;
	padding: 10px;
}
.goBtn a{
	display: block;
	height: 40px;
	line-height: 40px;
	font-size: 14px;
	color: #808080;
	text-align: center;
}
.goBtn a:hover{
	color: #0db252;
}
/*专题详情*/
.sub-detail{
	box-shadow: 0px 0px 4px #d4d3d3;
	margin-bottom: 30px;
}
.sub-detail .left{
	width: 400px;
	height: 192px;
	overflow: hidden;
}
.sub-detail .view-count{
	margin-left: 32px;
}
.sub-detail .right{
	width:680px;
}
.sub-detail .right h3{
	font-size: 18px;
	margin-bottom: 16px;
}
.text-sub >p{
	font-size: 14px;
	color: #808080;
	line-height: 23px;
	margin-top: 10px;
	display: -webkit-box;
    display: -moz-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    height: 46px;
}
.text-sub{
	padding: 16px 27px 10px 27px;
	box-sizing: border-box;
	border-bottom: 1px solid #F4F4F4;
}
.share-sub{
	height: 50px;
}
.share-sub p{
	color: #808080;
	margin: 16px 0 0 26px;
}
 .share-sub .jiashare{
	position: static;
	width: 360px;
	box-shadow: none;
	float: left;
}
.share-sub .jiashare a{
	float: left;
}
.share-sub .fr{
	width: 135px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	background: #0db252;
	color: #FFFFFF;
	font-size: 16px;
}
.menu-art{
	height: 50px;
	line-height: 50px;
	text-align: center;
	box-shadow: 0px 0px 4px #d4d3d3;
	margin-bottom: 16px;
}
.menu-art a{
	float: left;
	padding: 0 30px;
	font-size: 16px;
}
.menu-art a:hover{
	color: #22BB62;
}
.menu-art a.active{
	color: #FFFFFF;
	background: #0db252;
}
.artcleLeft.new {
    float: left;
    box-shadow: none;
    box-sizing: border-box;
    padding: 0px;
    }
.artcleLeft.new .artList{
	box-shadow: 0px 0px 4px #d4d3d3;
	padding: 0 15px;
}

/*搜索页改版*/
.search-title,
.search-container{
	width: 780px;
	margin: 0 auto;
}
.search-container{
	box-shadow: 0px 0px 4px #d4d3d3;
}
.search-container .show-content >a {
	margin-left: 30px;
	margin-right: 0;
}
.search-container .show-content{
	padding: 30px 5px 0 5px;
}

.search-container .show-content >a:nth-child(2n) {

}
.lite .page_group{
	padding-top: 17px;
}
.search-container .artList {
    padding: 0 15px;
 }
 .data-art{
 	width: 564px;
 }
.search-switch{
	width: 510px;
	margin: 12px auto 24px auto;
	border: 1px solid #0db252;
	border-radius: 4px;
}
.search-switch a{
	float: left;
	width: 171px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 18px;
	color: #0db252;
	border-right: 1px solid #0db252;
	box-sizing: border-box;
}
.search-switch a:last-of-type{
	width: 168px;
	border-right: none;
}
.search-switch a.active{
	background:#0db252;
	color: #FFFFFF;
}
.search-container .boutique-content>div:last-of-type{
	border-bottom: none;
}
